<!--关于礼拜五组件-->
<template>
	<div>
		<p>
			<span>您的当前位置 :</span>
			<span>首页 ></span>
			<span>礼拜五商城 ></span>
			<em>新用户注册</em>
		</p>
		<div class="center">
			<div class="center_left">
				<h2>礼拜五商城</h2>
				<dl>
					<dt>关于礼拜五   ></dt>
					<dd>新用户注册</dd>
					<dd>在线下单</dd>
					<dd>支付方式</dd>
				</dl>
				<dl>
					<dt>配送说明  ></dt>
					<dd>运费说明</dd>
					<dd>配送方式</dd>
					<dd>发票说明</dd>
				</dl>
				<dl>
					<dt>售后服务   ></dt>
					<dd>退换货原则</dd>
					<dd>服务保障承诺</dd>
					<dd>发票说明</dd>
				</dl>
				<dl>
					<dt>加盟礼拜五   ></dt>
					<dd>加盟条款</dd>
					<dd>公司简介</dd>
					<dd>服务协议</dd>				
				</dl>
			</div>		
			<router-view name='third'></router-view>
		</div>
	</div>
</template>

<script>
	export default{
		name:'About'
	}
</script>

<style scoped>
	p{
		width: 1260px;
		height: 48px;
		line-height: 48px;
		font-size: 14px;
		background: #f4f4f4;
		margin: auto;
		padding-left: 21px;
	}
	p span{
		margin-right: 11px;
	}
	em{
		font-style: normal;
		color: green;
	}
	/*中间内容部分*/
	.center{
		width: 1280px;
		margin: 15px auto;
	}
	/*左边三级路由处*/
	.center_left{
		width: 170px;
		height: 710px;
		border: 1px solid #e9e9e9; 	
		display: inline-block;
		vertical-align: top;
	}
	
	.center_left h2{
		height: 57px;
		line-height: 57px;
		font-size: 20px;
		font-weight: 200;
		text-align: center;
		color: #707070;
		border-bottom: 1px solid #e9e9e9;
	}
	dt{
		margin-top: 5px;
		text-align: center;	
		font-size: 17px;
		color: #707070;
	}
	dd{
		margin-top: 15px;
		color: #adadad;
		font-weight: 200;
	}
	
</style>